<template>
<div>
    <el-menu
      :default-active="$route.name"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b">
      <img src="@/assets/images/logo@2x.png" class="logo" alt="">
      <el-menu-item index="1" @click="Information">
        <i class="el-icon-s-home" style="font-size: 30px;"></i>
        <span>工作台</span>
      </el-menu-item>
      <el-menu-item index="2" @click="Paget">
        <i class="iconfont icon-bumenguanli"></i>
        <span>课题管理</span>
      </el-menu-item>
      <el-menu-item index="3" @click="Eact">
        <i class="iconfont icon-yingyongguanli"></i>
        <span>专家账号管理</span>
      </el-menu-item>
      <el-menu-item @click="systemSettings" index="4">
        <i class="el-icon-s-tools" style="font-size: 30px;"></i>
        <span>系统设置</span>
      </el-menu-item>
    </el-menu>

</div>

</template>

<script>
  export default {
    data(){
      return {
        defaultUrl:'ProjectManagement'
      }
    },
    created(){
    },
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },
      Paget(){
        this.$router.push({
          path:'/ProjectManagement',
        },()=>{})
      },
      Eact(){
        this.$router.push({
          path:'/ExpertAccount',
        },()=>{})
      },
      systemSettings(){
        this.$router.push({
          path:'/systemSettings',
        },()=>{})
      },
      Information(){
        this.$router.push({
          path:'/Informationmanagement',
        },()=>{})
      }
    }
  }
  // Informationmanagement
</script>

<style lang="less" scoped >
body{
    height: 100%;
    position: relative;
}
.el-col{
    position: absolute;
}
.el-menu-item{
    height: 95px!important;
    overflow: hidden;
    text-align: center;
    i{
        font-size: 30px;
    }
    span{
        float: left;
        width: 100%;
        text-align: center;
        font-size: 12px;
        margin-top: -10px;
    }
}
.el-menu-vertical-demo{
    height: 937px;
    width: 130px;
    .logo{
        margin: 24px 0 50px 42px;
    }
}
</style>